*{
    margin:0px;
    padding:0px;
}
body{
    background-color:#222;
    font-family:Arial;
}
.header
{
    width:100%;
    height:62px;
    background:transparent url(../images/header.png) no-repeat top left;
}
.footer{
    width:100%;
    margin-top:30px;
    text-align:center;
    clear:both;
}
a.back{
   color:#ccc;
   font-weight:bold;
   font-size:16px;
   text-shadow:0px 1px 1px #000;
   text-decoration:none;
}
a.back:hover{
    color:#fff;
}
.content{
    width:936px;
    height:470px;
    margin:0 auto;
}
p.link{
    width:300px;
    float:left;
    margin:5px;
    font-size:11px;
    text-align:center;

}
p.link a{
    color:#ddd;
    text-decoration:none;
}
p.link a:hover{
    color:#fff;
}
.photo1, .photo2, .photo3{
    width:auto;
    height:auto;
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:left;
    
    
}
.photo1{
    background-image:url(../images/1.png);
}
.photo2{
    background-image:url(../images/2.png);
}
.photo3{
    background-image:url(../images/3.png);   
}
.photo1 p, .photo2 p, .photo3 p{
    background-position:-300px 0px;
    display:block;
    width:100%;
    height:auto;
    background-repeat:no-repeat;
}
.photo1 p{
    background-image:url(../images/1.png);
}
.photo2 p{
    background-image:url(../images/2.png);
}
.photo3 p{
    background-image:url(../images/3.png);
}